.lt{float:left;}
.rt{float:right;}
#receiveAddrTk{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display: none;
  z-index:100;
  .receiveShadow{
    position:absolute;
    width:100%;
    height:100%;
    background-color: #000000;
    opacity:0.7;
  }
  .selectAddr{
    width:100%;background-color: #ffffff;position:absolute;z-index:10;bottom:0;
    .top{width:100%;height:40px;text-align: center;line-height:40px; border-bottom:1px solid #dddddd;position:relative;padding:0;
      i{ border:1px solid #dbdbdb;border-radius:50%;font-size:20px;color:#dbdbdb;position:absolute;top:10px;right:10px;display: inline-block;width:20px;height:20px;line-height: 19px;}
    }
    >ul{
      width:100%;
      max-height:250px;
      overflow-y: scroll;
      li{
        width:100%;
        padding:5px 0;
        overflow: hidden;
        border-bottom:1px solid #dbdbdb;
        >div:first-child{
          width:20px;
          height:20px;
          margin: 20px 10px 0 10px;
          border:1px solid #dbdbdb;
          border-radius:50%;
        }
        div.selected{
          background:url("../img/choice_icon_03.png") no-repeat center;
          border-color:transparent;
        }
        div.lt:nth-child(2){
          width:75%;
          span{
            font-size:13px;
            color:#888888;
          }
          >div{
            font-size:13px;
            color:#888888;
            margin-top:5px;
          }
        }
        div.rt{
          width:20px;
          height:20px;
          background: url("../img/modify.png") no-repeat;
          margin:20px 10px 0 0;
        }
      }
    }
    >div:not(.top){
      padding:15px 0 15px 10px;
      i{
        font-size:20px;
        background-color:#F29FB3;
        color:#ffffff;
        border-radius:50%;
        display: inline-block;
        width:20px;
        height:20px;
        text-align: center;
        line-height: 19px;
      }
      span{
        margin-left:10px;
        position:relative;
        top:-2px;
      }
      u{
        display: inline-block;
        width:8px;
        height:14px;
        background-image: url("../img/choice_03.png");
        margin-right:10px;
      }
    }
  }
}

.add_addr{width:100%;background-color: #ffffff;position:absolute;bottom:-331px;z-index:10;display: none;}
.add_addr .top{width:100%;height:40px;text-align: center;line-height:40px; border-bottom:1px solid #dddddd;position:relative;padding:0;}
.add_addr .top i{ border:1px solid #dbdbdb;border-radius:50%;font-size:20px;color:#dbdbdb;position:absolute;top:10px;right:10px;display: inline-block;width:20px;height:20px;line-height: 19px;}
.add_addr ul{padding-left:20px;border-bottom:1px solid #dbdbdb;overflow: hidden;}
.add_addr ul li{line-height: 25px;padding:10px 0;width:95%;border-bottom:1px solid #dbdbdb;overflow: hidden;}
.add_addr ul li:nth-child(6){border:0;}
.add_addr ul li span{float:left;font-size:12px;display: inline-block;width:50px;text-align: left;top:2px;}
.add_addr ul li input{margin-left:10px;font-size:13px;border:0;}
.add_addr ul li select{outline: none;border:0;font-size:13px;appearance:none;-moz-appearance:none; -webkit-appearance:none;-ms-appearance:none;}
.add_addr ul li select:nth-child(1){width:60px;}
.add_addr ul li select:nth-child(2){min-width:70px;max-width:90px;}
.add_addr ul li select:nth-child(3){min-width:75px;max-width:85px;}

.add_addr ul li div{margin-left:10px;margin-top:-3px;}
.add_addr .save{width:95%;height:40px;line-height: 40px;background-color: #F29FB3;color:#ffffff;border-radius:5px;margin:10px auto;text-align: center;}
.add_addr .delete{width:95%;height:40px;line-height: 40px;background-color: #ffffff;color:#000000;border-radius:5px;margin:10px auto;text-align: center;display: none;border:1px solid #dbdbdb;}

.warn{display:none;width:250px;position:absolute;top:75px;left:50%;margin-left:-125px;background-color: #ffffff;z-index:15;border-radius:5px;border:1px solid #dddddd;    box-shadow: 1px 1px 10px #F29FB3;}
.warn p{padding:10px 0 10px 10px;border-bottom:1px solid #dbdbdb;font-size:13px;}
.warn>div{width:100%;overflow: hidden;}
.warn>div>div{float:left;width:50%;text-align: center;padding:10px 0;font-size:13px;}
.warn div.sure{color:#F29FB3}

//选择地址
.address{
  padding:12px;color: #000000;font-size: 14px;border-bottom: 1px solid #dbdbdb;
  .addr_p{
    border:0;position: relative;
    .addr_tu{
      width: 10px;height: 13px;float: left;margin: 4px 10px 7px 5px;
      background: url("../img/web_icon.png") no-repeat -201px -4px;
    }
    .addr_infor{
      margin: 5px 20px 5px 30px;font-size: 16px;
    }
    .addr_m_pic{
      width: 8px;position: absolute;top: 0; right: 0;height:18px;
      background: url("../img/web_icon.png") no-repeat -222px -4px;
    }
  }
}

//发送短信
.send_message,.add_photo,.add_voice{
  padding:14px 0;font-size:14px;border-bottom:1px solid #dbdbdb;margin:0 10px;
  input[type=checkbox]{
    border:1px solid #dbdbdb;
    display: inline-block;
    vertical-align: middle;
    width:15px;
    height:15px;
    -webkit-appearance: none;
    margin-right:5px;
  }
  input[type=checkbox]:checked{
    background: url("../img/add_icon_03.png") no-repeat 0 0;
  }
}
.send_message input[type="number"]{
  border:1px solid #dbdbdb;
  border-radius:3px;
  resize:none;width:60%;
  padding-left:5px;
  display: none;
}
//添加图片
.clear{clear:both;}
.add_photo,.add_voice{padding-left:25px;}
ul.pic{
  margin-top:10px;
  li{
    margin:0 5px 5px 0;
    float:left;
  }
  li.a-upload-box{
    .a-upload{
      position: relative;
      display: inline-block;
      padding:30px;
      overflow: hidden;
      text-decoration: none;
      text-indent: 0;
      //border: 1px dashed #E4E4E4;
      background: url("../img/add_photo.png") no-repeat;
      input{
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
  li:not(.a-upload-box){
    position:relative;
    margin-right:10px;
    width:60px;
    height:60px;
    background-color: #ffffff;
    img{
      width:60px;
      height:60px;
      border-radius:3px;
    }
    i{
      position: absolute;
      top: -5px;
      right: -5px;
      color: #ffffff;
      font-weight: bold;
      background-color: #000000;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      line-height: 14px;
      text-align: center;
    }
    input{
      width:0;
      height:0;
      position:absolute;
      top:0;
      left:0;
      opacity: 0;
    }
  }
}

//添加语音
.voice_box{
  width:100%;
  text-align: center;
  padding-top:10px;
  .make_record,.playback{
    margin-left:40px;
    >div{
      width:50px;height:50px;background-color: #f29fb3;border-radius:50%;position:relative;
      span{
        color:#ffffff;
        font-size:37px;
        position:absolute;
        z-index:10;
        top:4px;
        left:7px;
      }
      >div{
        width:50px;
        height:50px;
        border-radius:50%;
        background-color: #f29fb3;
        position:absolute;
        z-index:5;
        opacity:0;
        top:0;
        left:0;
      }
    }
    .ripple{
      -webkit-animation: ripple 2s  linear;
      animation-iteration-count: infinite;
    }
    @keyframes ripple {
      0% {
        transform: scale(0);
        opacity: 1;
      }
      25% {
        transform: scale(0);
        opacity: 1;
      }
      50% {
        transform: scale(0.1);
        opacity: 1;
      }
      75% {
        transform: scale(0.5);
        opacity: 1;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }
    @-webkit-keyframes ripple {
      0% {
        transform: scale(0);
        opacity: 1;
      }
      25% {
        transform: scale(0);
        opacity: 1;
      }
      50% {
        transform: scale(0.1);
        opacity: 1;
      }
      75% {
        transform: scale(0.5);
        opacity: 1;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }
    >span{color:#CDCDCD;font-size:13px;position:relative;top:5px;}
  }
  .playback{
    margin:0 40px 0 0;
  }
}